<template>
	<view>
		<comHeader :config="navConfig"/>
		<view class="regPsd">
			<!-- <view class="dlTit"><text>请设置密码</text></view> -->
			<view class="dlInput_psd">
				<view class="psdText"><text>密码</text></view>
				<input 
				type="password" 
				placeholder="请输入密码" 
				placeholder-class="placecLass"
				@input="focusClass7"
				:class="[isActive7 ? 'blueBorder' : '']"/>
				<input 
				type="password" 
				placeholder="确认密码" 
				placeholder-class="placecLass"
				@input="focusClass8"
				:class="[isActive8 ? 'blueBorder' : '']"/>
			</view>
			<view class="loginBtn" @tap="goIndex">确定</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				isActive7:false,
				isActive8:false,
				navConfig:{
					isFixed:false, 
					left:{
						text:'',  
						isShowLeft:true,
						leftGobackColor:'black',
						leftTextColor:'black',
					},
					mid:{
						isShowMid:true,
						text:'设置密码'
					},
					right:{
						text:'',
						isShowRight:false,
					}
				}
			}
		},
		methods:{
			focusClass7(e){
				if(e.detail.value.length !== 0){
					this.isActive7 = true
				}else{
					this.isActive7 = false
				}
			},
			focusClass8(e){
				if(e.detail.value.length !== 0){
					this.isActive8 = true
				}else{
					this.isActive8 = false
				}
			},
			goIndex(){
				uni.switchTab({
					url:'/pages/home/home'
				})
			},
			
		}
	}
</script>

<style>
	.psdText{
		font-size: 28upx;
		color: #666666;
	}
	.regPsd{
		margin:88upx 72upx 0  72upx ;
	}
	.regPsd .dlTit{
		font-size: 36upx;
		color: #333333;
		font-weight: bold;
		margin-top:80upx;
	}
	.placecLass86{
		font-size: 28upx;
		color: #000;
	}
	.placecLass{
		color: #CCCCCC;
		font-size:28upx;
	}
	/* .blueBorder{
		border-bottom: 1upx solid #55A0FF!important;
	} */
	.dlInput_psd{
		padding-top:80upx;
	}
	.dlInput_psd input{
		width:570upx;
		height:46upx;
		line-height:46upx;
		margin-top: 60upx;
		border-bottom: 1upx solid #DCDCDC;
		color: #333;
	}
	.dlInput_psd input:first-child{
		margin-top: 0upx;
	}
	.loginBtn{
		width:582upx;
		height: 89upx;
		line-height: 89upx;
		margin: 76upx auto 0 auto;
		border-radius: 89upx;
		background:linear-gradient(left,#54AAFF,#568FFF);
		color: #fff;
		text-align: center;
		font-size: 28upx;
	}
</style>
